<template>
	<view class="noticeDetails">
		<view class="top">文明社区，文明你我他</view>
		<view class="DetailsCont" style="margin-top: 0;">
			<view>
				<view class="title">社区是我们的家，我们要齐心协力，共建美好社区环境贡献自己的一份力量。</view>
				<view class="content">
					<view>1、遵守社区规定，不破坏社区公共设施，不破坏社区公共环境。</view>
					<view>2、爱护社区公共设施，不乱扔垃圾，不破坏社区公共环境。</view>
					<view>3、爱护社区公共环境，不乱涂乱画，不破坏社区公共环境。</view>
				</view>
				<view class="content-img">
					<image
					style="height: 300rpx"
						src="https://cdn7.axureshop.com/demo/1996612/images/%E7%A4%BE%E5%8C%BA%E6%B4%BB%E5%8A%A8/u8460.svg"
						mode="scaleToFill"
					/>
				</view>
			</view>
			<view class="time">
				<view>花园国际小区物业服务处</view>
				<view>2022-02-28 18:00</view>
			</view>

		</view>

		<view class="add_suggest_btn ggg" @click="navigateBack">返回</view>
	</view>


</template>

<script setup>
import { ref } from "vue"
let navigateBack = () => {
	uni.navigateTo({
		url: "/pages/Activities/communityList"
	})
}
</script>

<style lang="scss" scoped>
.noticeDetails {
	height: calc(100vh - 90rpx);
	background-color: #f5f5f5;
	overflow: hidden;
	color: #858585;
	font-size: 28rpx;
}

.top {
	font-size: 28rpx;
	color: #000;
	height: 60rpx;
	line-height: 60rpx;
	text-align: center;
	margin: 0 auto;
}

.DetailsCont {
	background-color: #fff;
	padding: 30rpx;
	margin: 25rpx;
	box-shadow: 0 0 10rpx 0 #ccc;

	.time {
		margin-top: 60rpx;
		text-align: right;

		view {
			margin-top: 20rpx;
		}
	}
}
.content{
   view{
	 margin-top: 20rpx;
   }
}
.content-img{
	margin-top: 30rpx;
}

.add_suggest_btn {
	margin-top: 30rpx !important;
	height: 68rpx;
	line-height: 68rpx;
	text-align: center;
	color: #fff;
	width: 98%;
	margin: 20rpx auto;
	background-color: #02a7f0;
	border-radius: 30rpx;
	position: fixed;
	bottom: 20rpx;
	left: 1%;
}

.ggg {
	background-color: #c5c5c5 !important;
}
</style>
